<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>个人信息</title>
    <!-- Bootstrap core CSS -->
    <link href="../css/coach/bootstrap.css" rel="stylesheet"> 
    <!-- Add custom CSS here -->
    <link href="../css/coach/sb-admin.css" rel="stylesheet">
    <!-- Page Specific CSS -->
    <link rel="stylesheet" href="../css/coach/morris-0.4.3.min.css">
	<link rel="stylesheet" href="../layui/css/layui.css">
 <link rel="import" href="../jsp/toolbar.jsp" id="head"> 	
	  <script type="text/javascript" src="../js/jquery-2.2.3.min.js"></script>
	  <script type="text/javascript" src="../layui/layui.js"></script>
	  <script type="text/javascript" src="../js/coach.js"></script>
	  <style>
		  	#all{
		  	width: 1000px;
		  	height: 80%;
		  	position: absolute; left: 50%; top: 50%;
		  	text-align: center;
		  	transform: translate(-50%, -50%);		
		  }
		  body{
		  	background-image: url(../images/top.jpg);
		  	background-position: 100% 100%;
		  	background-attachment: fixed;
		  	background-repeat: no-repeat;
		  	background-size: cover; -moz-background-size: cover; 
		  }  
		  #headFrame{
			  width: 150px;
			  height: 150px;
			  border: 1px solid #000000;
			  position: absolute; left: 50%; top: 5%;
			  background-size: cover;
			  background-repeat: no-repeat;
		  }
		 .message{
			width: 80%;
			height: 140%;
			border: #000000 solid 1px;
			position: absolute;
			top: 40%;
			left: 20%;
			font-size: 15px;
			color: olive;
			text-align: center;			
		} 
		text{
			padding-top:5px;
		}
		input {
			margin-bottom: 5px;
		}

	  </style>
	<script>
		layui.use('form', function(){
 		 var form = layui.form;
		});
	</script>		  
	  
	</head>
	<body>
		<script type="text/javascript">
		document.write(head.import.body.innerHTML);
		</script>
		<div id="all">	
			 <!-- 头像 -->
			<div id="headFrame" style="border:0">
			<img src="" width="150px" height="150px" id="my-img"/>		
			</div>
			<div id="headDiv">
			<form id="headForm"  enctype="multipart/form-data" method="post">
			<input type="file" name="headImage" onchange="upload()" id="img-upload" style="display: none">
			</form>			
			</div> 

	<div class="message">	
	<form class="layui-form layui-form-pane" id="updateMessage">
  <!-- <div class="layui-form-item" style="font-size: 20px; text-align: center" >
    基本信息
  </div>
  <div class="layui-form-item" >
   <label class="layui-form-label" >昵称</label>
    <div class="layui-input-inline">
      <input type="text" name="nickName"  required lay-verify="required" placeholder="请输入昵称" autocomplete="off" class="layui-input">
    </div>
	<label class="layui-form-label" style="width: 100px;">真实姓名</label>
	<div class="layui-input-inline">
      <input type="text" name="cname"  required lay-verify="required" placeholder="请输入姓名" autocomplete="off" class="layui-input">		
	</div>
  </div> 
  <div class="layui-form-item" >
    <label class="layui-form-label">性别</label>
	<div class="layui-input-block" style="text-align: left; color: black">
      <input type="radio" name="csex" value="男" title="男" />
	  <input type="radio" name="csex" value="女" title="女" checked/>
  </div> 
  </div>
   <div class="layui-form-item">
  	<label class="layui-form-label" >年龄</label>
  	<div class="layui-input-inline" >
  		<input type="text" name="cage" required lay-verify="required" placeholder="请输入年龄" autocomplete="off" class="layui-input">
  	</div>
  	<label class="layui-form-label" >上课时间</label>
  	<div class="layui-input-inline" >
  		<input type="text" name="time" required lay-verify="required" placeholder="请输入时间" autocomplete="off" class="layui-input">
  	</div>  	
  </div> 
  课时费用 
   <div class="layui-form-item">
  	<label class="layui-form-label">课程价格</label>
  	<div class="layui-input-inline">
  		<input type="text" name="price" required lay-verify="required" placeholder="请输入价格(元)" autocomplete="off" class="layui-input">
  	</div>
  	<label class="layui-form-label">瑜伽流派</label>
  	<div class="layui-input-inline">
  		<input type="text" name="style" required lay-verify="required" placeholder="请输入您的流派" autocomplete="off" class="layui-input">
  	</div>  
  </div> 
     <div class="layui-form-item">
  	<label class="layui-form-label">信息级别</label>
	<div class="layui-input-block" style="text-align: left; color: black">
		<select name="publicLevel" lay-verify="required" style="width: 100px">
			<option value="0">公开(所有人可见)</option>
			<option value="1">好友可见</option>
			<option value="2">私密(仅自己可见)</option>
		</select>
  </div> 
  </div> 
   <div class="layui-form-item" >
    <label class="layui-form-label">认证</label>
	<div class="layui-input-block" style="text-align: left; color: black">
      <input type="radio" name="authentication" value="0" title="未认证" checked/>
	  <input type="radio" name="authentication" value="1" title="场馆认证" />
  </div>
  </div> 
  <div class="layui-form-item ">
    <label class="layui-form-label">自我介绍</label>
    <div class="layui-input-inline" style="width: 70%;">
      <textarea name="cintroduction" placeholder="请输入内容" class="layui-textarea"></textarea>
    </div>
  </div>

  <div class="layui-form-item">
    <div class="layui-input-block">
      <button class="layui-btn" lay-submit lay-filter="formDemo" onclick="send()">立即提交</button>
      <button type="reset" class="layui-btn layui-btn-primary">重置</button>
    </div>
  </div>-->
</form> 
 </div>
 </div>
	  <script>
	  //Demo
	  layui.use('form', function(){
	    var form = layui.form;
	    
	    form.render(); 
	  });
	  </script>		
	</body>
</html>
